﻿html { background-color: #f5f5f5; margin: 0px;    padding-top: 40px;  padding-bottom: 60px; }
body { background-color: #f5f5f5; margin: 0px; padding: 0px; }
a { color: #555555; text-decoration: none; font-size: 12px; }
    a:hover { text-decoration: none; }
    a:active { text-decoration: none; }
    a:after { text-decoration: none; }


/* flexslider */
.flexslider { margin: 0px; padding: 0px; position: relative; width: 100%; height: 240px; overflow: hidden; background: url(/images/loading.gif) 50% no-repeat; }
.slides { margin: 0px; padding: 0px; position: relative; z-index: 1; }
    .slides li { height: 240px; width: 100%; }
.flex-control-nav { position: absolute; bottom: -10px; right: 20px; z-index: 2; width: auto; text-align: center; }
    .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; display: inline; zoom: 1; }
    .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(/images/dot.png) right 0 no-repeat; cursor: pointer; }
    .flex-control-nav .flex-active { background-position: 0 0; }



.Top-Bar { position: fixed; left: 0px; top: 0px; height: 45px; width: 100%; z-index: 999; border-bottom: solid 1px #abddd5; background-color: #37c3a9; }
.Top-Bar img { margin-top: 10px; margin-right: 10px; }
.Top-Bar div {  float:left }
.box-search {    }
.box-search img{ position:relative;left:-25px;top:5px}
.box-search input{ float:left;padding-right:30px ;padding-left:20px ;-webkit-box-flex: 1; -ms-flex: 1;background:#fff;height:25px; margin-top:8px; line-height:22px; -webkit-box-sizing: border-box;  border-radius:30px; color:#ccc; font-size:0.65rem;text-align:center;border:0px}

.icon-search { margin-left:0.4em;color:#999; font-size:0.75rem; position:relative; bottom:-1px; font-weight:600;}



.Nav-Bar { z-index:999;position: fixed; left: 0px; bottom: 0px; height: 60px; background-color: #37c3a9; border-top: solid 1px #abddd5; width: 100%;  }
    .Nav-Bar ul { list-style: none; width: 100%; margin: 0px; padding: 0px; }
        .Nav-Bar ul li { float: left; width: 25%; display: block; margin: 0px; padding: 0px; text-align: center; }
            .Nav-Bar ul li img { width: 30px; height: 30px; display: block; margin: 0px ;   }
            .Nav-Bar ul li a { color: white; line-height: 25px; text-decoration: none; font-size: 12px; margin-top: 5px; display: block; }

/*Home-BigBtn*/
.Home-BigBtn { }
    .Home-BigBtn ul { list-style: none; width: 100%; margin: 0px; padding: 0px;  }
        .Home-BigBtn ul li { float: left; width: 25%; height: 120px; overflow: hidden; display: block; margin: 0px; padding: 0px; text-align: center; background-color: white;  background-position: right 0px; }
            .Home-BigBtn ul li img { width:60px; height: 60px; display: block; margin: 0px auto; margin-top: 7px; }
            .Home-BigBtn ul li a { color: #555555; line-height: 40px; text-decoration: none; }

/*Home-TypeNav*/
.Home-TypeNav { background-color: white; width: 100%; }
.Home-TypeNav  div{  height:100% }
.Home-TypeNav  a{   margin-left:10px; font-size:12px;  }
.Home-TypeNav  span{   margin-left:10px; font-size:12px; }
.Home-TypeNav  img{  border:0px;margin-left:10px;width:20px;   }
    .Home-TypeNav ul.UserTypeList1 { z-index:1;list-style: none; width: 33%; height:100%; margin: 0px; padding: 0px; border-bottom: solid 0px #cecece; overflow:hidden;background-color:#f5f5f5; }
        .Home-TypeNav ul.UserTypeList1 li { width: 100%; line-height: 30px;  line-height:30px; margin: 0px; padding: 0px; text-align: left; background-color: transparent;  border-bottom: solid 1px #efefef; }
            .Home-TypeNav ul.UserTypeList1 li .grouptitle { width: 100%; line-height: 30px;  line-height:30px; border-bottom: dashed 1px #cecece; }


.UserTypeList2 { z-index:10;list-style: none; width:33%; height:100%; margin: 0px;   position:absolute;left:33%;top:40px;border-left: solid 1px #f0f0f0;background-color:#fafafa;}
.UserTypeList2 li { width: 100%; color: #555555; line-height: 30px;  line-height:30px; text-decoration: none;   border-bottom: solid 1px #f5f5f5;display:none }

 .UserTypeList3{ z-index:20;list-style: none; width: 33%; height:100%; margin: 0px; width: 33%;  position:absolute;left:66%;top:40px;border-left: solid 1px #f0f0f0;background-color:#fefefe;}
 .UserTypeList3 li { width: 100%; color: #555555; line-height: 30px;  line-height:30px; text-decoration: none;   border-bottom: solid 1px #f6f6f6; display:none }




/*Home-ProBtn*/
.Home-ProBtn { }
    .Home-ProBtn ul { width: 100%; margin: 10px 3px; padding: 0px; }
    .Home-ProBtn li { width: 50%; float: left; overflow: hidden; display: block; }
        .Home-ProBtn li a { margin: 5px; background-color: #f6f6f6; display: block; position: relative; border-radius: 8px; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
        .Home-ProBtn li img { width: 100%; background-color: #fff; display: block; min-height: 50px; }
        .Home-ProBtn li strong { width: 100%; font-size: 14px; position: absolute; bottom: 0; left: 5px; line-height: 30px; z-index: 10; color: #fff; text-shadow: 0 0 2px #000; }
        .Home-ProBtn li span { width: 100%; background-color: #000; position: absolute; bottom: 0; left: 0; height: 30px; filter: alpha(opacity=80); opacity: 0.8; z-index: 9; }


/*产品列表 图文方式*/
.PL_Mode0 {  margin-bottom:15px; }
    .PL_Mode0 img {   }
    .PL_Mode0 ul { width: 100%; margin:  0px; padding: 0px; background-color:white;  }
    .PL_Mode0 li {  width: 100%; border-bottom:dashed 1px #efefef ;  padding:  0px;}
        .PL_Mode0 li a { display: block;   color: #333;  background-color: #fff;   }
        .PL_Mode0 li img { display: block; width: 25%; background-color: #f6f6f6; border-radius: 5px; }
        .PL_Mode0 li .PL_Pic { display: block; width: 100%; }
        .PL_Mode0 li .PL_Note { display: block; }
        .PL_Mode0 li .PL_Name { display: block; font-size: 14px; font-weight: bold; color: #111; line-height: 1.7; padding: 3px 0 5px; height: 36px; overflow: hidden; }
        .PL_Mode0 li .PL_Price { display: block; font-size: 12px; height: 25px; line-height: 25px; }
            .PL_Mode0 li .PL_Price strong { color: #c00; font-size: 14px; }

.PL_Price2 { color: #555555; display: block; font-size: 12px; height: 25px; line-height: 25px; margin: 0px; padding: 0px; }
    .PL_Price2 strong { color: #777; font-weight: bold;  text-align:right}
    .PL_Price2 .redtitle { color: #f00; text-decoration: line-through; }
.greentitle { color: green; }

.PL_Mode0 li.Err { padding: 9px; background: #ffe; border: 1px solid #ddd; font: 12px/19px Verdana; color: #f00; }
    .PL_Mode0 li.Err span a { color: #555; display: inline; border: 0; padding: 0; background: none; }
        .PL_Mode0 li.Err span a:hover { color: #f60; }
    .PL_Mode0 li.Err span { color: #ccc; }

/*产品详细页===========================================================================*/
/*border:1px solid #b6b5b5;-moz-border-radius:4px;-webkit-border-radius:4px;padding:0 6px;*/
.Detailed { margin: 0px; padding: 10px; background: #fff; }
    .Detailed h1 { font: bold 20px/28px "微软雅黑"; border-bottom: 1px solid #ccc; color: #444; padding: 5px 0 8px; }
        .Detailed h1 span { font: bold 14px/28px ""; color: #888; }
    .Detailed img { width: 100%; }

/*商品不存在时样式*/
.DetailedErr { padding: 30px 0 30px 100px; margin: 28px auto; }
    .DetailedErr h1 { background: url(../images/Err_ico.jpg) no-repeat; padding-left: 50px; font: bold 18px/40px "微软雅黑","宋体"; height: 40px; color: #f00; }
    .DetailedErr li { font: 14px/26px Verdana; color: #555; margin-left: 55px; }
        .DetailedErr li a { color: #039; }

.Basic { position: relative; background: #fff; font-size: 14px; }
    .Basic .PD_No { font-size: 14px; padding: 8px 5px 5px; border-bottom: 1px dotted #ddd; color: #666; }
        .Basic .PD_No span { font-weight: bold; }
    .Basic .PD_Price { padding: 8px 5px 15px; color: #333; font-size: 14px; }
        .Basic .PD_Price div { padding: 3px 0; color: #777; }
        .Basic .PD_Price p { padding: 3px 0 6px; display: block; }
        .Basic .PD_Price span { font: bold 22px/28px sans-serif; color: #c00; }
        .Basic .PD_Price em { color: #999; }
    .Basic .PD_Alt { padding: 13px 0 8px 8px; color: #555; }
    .Basic .Marketable { margin: 8px; padding: 6px; color: #f00; text-align: center; border: 1px solid #f90; background: #ffc; }


/*Home-NewsImgList*/
.Home-NewsImgList { }
    .Home-NewsImgList ul { list-style: none; width: 100%; margin: 0px; padding: 0px; border-top: solid 1px #efefef; }
        .Home-NewsImgList ul li { width: 100%; height: 100px; overflow: hidden; display: block; margin: 0px; padding: 0px; text-align: center; border-top:solid 1px #efefef; background-color: white; /*background-image: url('/Images/icos/BigBtnBack.png');*/ background-position: 115px 0px; }
            .Home-NewsImgList ul li .headimg { width: 100px; height: 100%; display: block; margin: 0px;  float: left; padding-right:0px; }
            .Home-NewsImgList ul li img { width:90px; height: auto; display: block; margin: 10px 10px 5px 5px;  float: left; padding-right:0px; }
            .Home-NewsImgList ul li a { color: #555555; line-height: 20px; text-decoration: none; text-align: left; display:block;height:50px;color:#444}
            .Home-NewsImgList ul li .labeltext { display: block; width: 100%; height: 40px; font-size: 14px; color: black; }
            .Home-NewsImgList ul li .remark { width: auto; color: #888; line-height: 15px; margin: 0px; margin-top:5px; padding: 0px; }
            .Home-NewsImgList ul li span {   line-height: 20px;  font-size:12px;display:block }
            .Home-NewsImgList ul li.group { height: 40px; background-color: #efefef; overflow: hidden;  border-bottom:solid 1px #d5d5d5; border-top:solid 1px #d5d5d5 }
            .Home-NewsImgList ul li.group label { color: #555; font-size: 16px; margin-top: 10px; float: left; width: auto; margin-left: 20px; }
            .Home-NewsImgList .button { float:right;  border: solid 1px #cecece; background-color: white; height: 20px; line-height: 20px; width:80px; margin-right:20px;font-size:12px; text-align:center;margin-top:10px }
            .Home-NewsImgList .button_ye { float:right;  border: solid 1px #b95b15; background-color: white; color:#b95b15; height: 20px; line-height: 20px; width:80px; margin-right:20px;font-size:12px; text-align:center;margin-top:10px }

.ProMove { width: 60%; height: 40px; margin: 0px; overflow: hidden; position: relative; }
    .ProMove ul { text-align: left; margin: 0px; padding: 0px; overflow: hidden; position: relative; list-style: outside none none; width: 1878px; left: -49px; }
        .ProMove ul li { margin-right: 10px; position: relative; overflow: hidden; float: left; text-align: left; background-image: url('/Images/icos/16/login01.png'); background-repeat: no-repeat; background-position: left center; }
            .ProMove ul li a { color: white; line-height: 40px; margin-left: 20px; }
            .ProMove ul li img { margin: 0px; margin-top: 15px; }



/*铵钮样式-绿色*/
.ButtonStyle2 { text-align: center; display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #1da7ff; text-align: center; background-color: #34b400;  border-color: #32a500; color: #fff; }
    .ButtonStyle2:hover { text-align: center; display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #1da7ff; text-align: center; background-color: #28a300;   border-color: #2d9505; color: #fff;  }

/*铵钮样式-蓝色*/
input[type=submit], .ButtonStyle3 { display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #f5d477;  border-color: #1c94e5; color: #888; }
    input[type=submit]:hover, .ButtonStyle3:hover { display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #f5d477;   border-color: #1986e0; color: #888;  }
/*铵钮样式-红色*/
.ButtonStyle4 { text-align: center; display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #D14836;  border-color: #d14836; color: #fff; }
    .ButtonStyle4:hover { text-align: center; display: block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 0 10px; background-color: #C53727;   border-color: #B0281A #B0281A #af301f #B0281A; color: #fff;   }



.PhoneNewsView { font-size: 12px; color: #555555; padding: 10px; background-color: white; }
    .PhoneNewsView .title { font-size: 16px; font-weight: bold; color: black; border-bottom: dotted 1px gray; padding-bottom: 10px; }
    .PhoneNewsView img { width: 100%; }


/* login page */
.validation-summary-errors { }
.validation-summary-errors li { font-size: 12px; color: red; text-align:left }
#loginForm { width: 100%; } 
    #loginForm ol { list-style: none; margin: 0px; padding: 0px;  }
        #loginForm ol li { width:100% ; line-height:42px; height:auto; overflow:visible; font-size: 14px; color: #555555;  }
        #loginForm ol li label {   width:60px; text-align:right;  display:block; float:left}
            #loginForm ol li #UserName { width: 100%; border: 0px;border-bottom:solid 1px #f3f3f3;  background: url('/images/lgnameico.png');  background-position:0px center;background-color: transparent; height: 40px; line-height:40px ;background-repeat: no-repeat; padding-left: 40px;  font-size: 12px; color:#888 }
            #loginForm ol li #Password { width: 100%;  border: 0px; border-bottom:solid 1px #f3f3f3;  background: url('/images/lgpwdico.png'); background-position:0px center;background-color: transparent; height: 40px;line-height:40px; background-repeat: no-repeat; padding-left: 40px;  font-size: 12px; }
             #loginForm ol li #ViCode { width: 100%;  border: 0px; border-bottom:solid 1px #f3f3f3;  background: url('/images/lgpwdico.png'); background-position:0px -2px;background-color: transparent; height: 30px; background-repeat: no-repeat; padding-left: 40px; font-size: 12px; }
            #loginForm ol li span { font-size: 12px; color: red; }
           
           #loginForm ol li input[type=text] { width: 80%;  border: 0px; background: url('/images/lgnameico.png'); background-color: transparent; height: 36px; background-repeat: no-repeat; background-position:-30px 0px; padding-left: 40px; font-size: 16px; }
           #loginForm ol li input[type=button],input[type=submit] {   color:white;border-radius: 5px;   border: 0px; background-color: #f5d477; height: 30px; line-height: 30px; width:90%; margin-right:20px;font-size:14px; left:5%;position:relative }
         #loginForm ol li  .btn {  margin-top:30px ;color:white;border-radius: 5px;   border: 0px; background-color: #f5d477; height: 30px; line-height: 30px; width:90%; margin-right:20px;font-size:14px; left:5%;position:relative;text-align:center; }
        
            #loginForm input[type="checkbox"] { float: left; width: auto; height:32px; display:block; }

.borderbottom { border-bottom:dashed 1px #efefef}
/*产品列表 图文方式*/
.MTProList {  margin:0px; height:120px;width:100%; background-color:white;border-bottom:solid 1px #efefef }
    .MTProList .floatleft {   float:left;width:25%;height:120px; overflow:hidden  }
    .MTProList .floatleft  img{   width:100%;margin-top:10px; }
    .MTProList .floatright {   float:right;width:74%;height:120px; overflow:hidden }
    .MTProList ul { width: 100%; margin:  0px; padding: 0px;margin:10px;   }
    .MTProList li {  width: 100%; height:20px; line-height:20px}
        .MTProList li a { display: block;   color: #333;  background-color: #fff;   } 
        .MTProList li .PL_Pic { display: block; width: 100%; }
        .MTProList li .PL_Note { display: block; }
        .MTProList li.PL_Name { display: block; font-size: 16px; font-weight: bolder; color: #444;  height:26px;  }
        .MTProList li.PL_Price { display: block; font-size: 12px;  color:#777 }
        .MTProList li.memo { color: #bbb; font-size:10px; }

.ProListHead {
    width:100%;height:35px; border-bottom:solid 1px #f3f3f3;background-color:#fcfcfc;position:fixed;top:45px;left:0px;
}
.ProListHead div{
    width:32%; display:inline-block;line-height:35px;font-size:12px;text-align:center;color:#666;float:left
}
.ProListHead div img{
     vertical-align:middle
}
.ProListHead div img.bincur{
     position:relative;top:28px;left:40%; float:left;display:none
}
.ProListHead_Pop {
    width:100%;height:100%;  background-color:#fff;position:fixed;top:81px;left:0px;display:none;
    ilter:alpha(opacity=95); /*IE滤镜，透明度50%*/
-moz-opacity:0.955; /*Firefox私有，透明度50%*/
opacity:0.955;/*其他，透明度50%*/
}
.ProListHead_Pop div.item {
    width:100%; display:inline-block;line-height:35px;font-size:12px;text-align:left;color:gray;border-bottom:solid 1px #f3f3f3;
}
.ProListHead_Pop div img{
     vertical-align:middle;margin-left:10px;margin-right:10px;
}
.ProListHead_Pop div.floatbtndiv {  line-height:35px;font-size:12px;text-align:left;color:gray;border:solid 1px #f3f3f3;float:left;width:auto;-webkit-box-flex: 1; -ms-flex: 1; height:25px; margin-top:8px; line-height:22px; -webkit-box-sizing: border-box;  border-radius:30px;padding-left:1px;padding-right:10px; margin:10px;}



/*复选框*/
.ui_checkbox {  float: left;display: block ; border:solid 1px #cfcfcf;font-size: 20px; border-radius: 15px;  width:20px; height:20px;padding:0px;margin:0px; overflow:visible; text-align:center;vertical-align:central;font-size:15px; font-weight:bolder;color:#555 }
 
.ui_checkbox_item {  display:none }

.myindexul { position:fixed;left:0px; top:195px; list-style:none;margin:0px; padding:0px;width:100%}
.myindexul li.Item1 {  border-bottom:solid 1px #efefef; line-height:30px; height:30px; font-size:12px; width:100%; background-image:url('/images/li.png'); background-position:right center; background-repeat:no-repeat;background-color:#fefefe}
.myindexul li.Item1 a{  margin-left:10px; display:block;width:100%}
    .myindexul li.Item1 img {  width:20px; height:20px;  margin:5px;  float:left }


.myindexul li.Item2 {  border-bottom:solid 1px #efefef; line-height:30px; height:30px; font-size:12px; width:100%; background-image:url('/images/li.png'); background-position:right center; background-repeat:no-repeat;background-color:#fff}
.myindexul li.Item2 a{  margin-left:40px;display:block;width:100%}
    .myindexul li.Item2 img {  width:20px; height:20px;  margin:5px;  float:left }

.fitemPanel ul { margin:0px;padding:0px; list-style:none;}
.fitem { width: 100%; height: 40px; line-height:40px ;overflow: hidden; float: left; border-bottom: dotted 1px #d5d5d5;  }
    .fitem .title { display: inline-block; width: 80px; text-align: right; }
    .fitem label { display: inline-block;   width: 25%; text-align: right; line-height: 40px; background-color: #fafafa; padding-right: 10px; border-right: solid 1px #f0f0f0; }
    .fitem span { color: green; }
    .fitem input[type=text] { width: 50%; display: inline-block; border:0px; border-bottom:dotted 1px #cecece }
     .fitem input[type=button] {  width:49%;   height:40px;  cursor: pointer; margin:0px;padding:0px ; border:0px ;  background-color:#ff5500; color:white; font-size:14px; display:inline-block }

.fitemPanel .line1 { width:100%; min-height:30px;line-height:30px}
.fitemPanel .line1 span{ font-size:16px;   color:#3d4245;display:inline-block; width:49%;margin-top:15px; }
.fitemPanel .line2 { border-bottom:solid 1px #eeeeee}
.fitemPanel .line2 span{ font-size:16px;   color:#3d4245;display:inline-block; margin:10px;   } 
.fitemPanel .line3 { border-bottom:solid 15px #eeeeee; line-height:30px; height:40px} 
.fitemPanel .line3  img{  width:25px; height:25px;  display:inline-block }
.fitemPanel .line3  a{ font-size:16px; line-height:30px; float:right;margin:5px;vertical-align:middle;display:inline-block}